/*****************内页banner******************/
.title{text-align: center; width:100%; max-width:1300px; margin:0 auto;
    margin-bottom: 60px;position: relative;
  }
  .title p {
    text-transform: uppercase;width:100%; max-width:500px; height:60px; background-color: #fff; margin:0 auto; 
    font-size: 50px;
    line-height: 60px;
   color:rgba(0,0,0,0.05);z-index:2;position: relative;
    font-weight: bold;}
    .title:after{content: '';
        display: block;
        position: absolute;
        top: -50px;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: 1px;
        background: #00a4ff; opacity: 0.1;z-index:-1; position: relative;
        transition: all 0.3s ease-out 0s;}
.title h2{    
    /* font-size:36px;line-height:40px;position:relative;margin-bottom:5px;color:#002e69; */
    font-size: 40px; z-index:2; font-weight: 100;position: relative;
    color: #454545;
    font-family: "SourceHanSansCN-Bold";
    padding-bottom: 0.63vw;  margin-top:-10px;
    }
  
	.title h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;}
    .title h3 span{position:relative;display:inline-block;}
    .title h3 span:before{content:'';display:block;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
    .title h3 span:after{content:'';display:block;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title h2 p{
        /* opacity:0.8;font-size:12px;color:#999;text-transform:uppercase;font-weight:normal; */
        font-size: 40px; font-weight: bold; letter-spacing: 2px; z-index:2;
        color: #333333;text-transform: uppercase;
        font-family: 'RobotoCondensed';
        /* position: absolute;  left: 50%;
        transform: translateX(-50%); */
      
        margin-top:5px;
        opacity: .1;
    }


  /*****************联系我们******************/  
.ul_contct:after,.div_just:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.ul_contct {
    float: left;
    width: 100%;margin:20px 0 50px;
}
.ul_contct li {
    float: left;
    width: 30%; margin-right:3%; box-sizing:border-box;
    padding: 38px 30px 39px;
    border: 1px solid #e3e3e3; min-height:170px;
}
.ul_contct li:last-child {
    width: 34%;
    margin-right: 0;
}
.ul_contct li h5 { color:#333;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}
.ul_contct li h5 span {
    float: left;
    width: auto;
    margin-right: 40px;
    padding-right: 60px;
    position: relative;
}
.ul_contct li h5 span:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    height: 1px;
    width: 50px;
    content: "";
    background-color: #333;
}
.ul_contct li p {float: left;    padding-top: 19px;}
.ul_contct li em {
    float: left;
    width: 100%;
    color: #666;
    text-align: left;
    font-size: 0.95em; line-height:2;
    font-weight: normal;
    font-style: normal;
}

#map{ margin-bottom:60px; float:left; width:100%;}
/************************内页新闻列表*************************/
        		  
.pgnewslist { float:left; width:100%; margin:30px 0 50px;}
.pgnewslist .s4-ciari{background:#f8f8f8;overflow:hidden;margin-bottom:30px;}
.pgnewslist .s4-ciari a{ float:left; width: 100%;}
.pgnewslist figure{ float:left; width:200px;padding-right:25px;}	  
.pgnewslist figure img{ width:100%;}
.pgnewslist .s4-ciaril {
width: calc(100% - 160px); padding-top:12px; 
}
.s4-cial p{display: block;font-size: 14px; font-weight: normal;color: #a8a8a8;line-height: 24px;margin-top: 5px; margin-bottom: 20px; height: 24px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;}
.s4-ciaril span{display: block;font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;height: 48px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.pgnewslist .s4-ciaril span{ -webkit-line-clamp: 2; }
.s4-ciaril p{padding:5px 20px; border:solid 1px #ccc; display: inline-block; font-size: 14px; margin-top:20px; color:#999}



.s4-ciar{ width:63%; float: right;}	
.s4-ciari{width:100%; float:left;padding: 20px 30px;box-sizing: border-box;border-radius: 3px;background: #fff;margin-bottom: 20px;position: relative}
.s4-ciari:after{display: block;
content: '';
position: absolute;
bottom: 30px;
right:30px;
width: 32px;
height: 32px;

background: url(../images/more-white-ico-36x36.png) center center no-repeat;
transition: all ease-out 0.3s;}
.s4-ciari:hover:after{  background: url(../images/more-red-ico-36x36.png) center center no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.s4-ciari:last-child{margin-bottom: 0}
.s4-ciaril{width:calc(100% - 150px);}

.fl{ float:left;}
.fr{ float:right}

.s4-ciarir{ text-align:right;}
.s4-ciarir span {
font-size: 14px;
color: #9999a3;
display: block;
}
/******************应用列表****************/
.pgresadvcat{margin:40px 0 60px;}
.pgresadvcat ul{display:flex;}
.pgresadvcat li{flex:1;margin:0 18px 0 0;text-align:center;background:#F5F5F5;line-height:30px; padding:20px 10px;font-size: 16px;text-transform: capitalize; box-sizing: border-box;}
.pgresadvcat li.on{background:#00a4ff;color:#fff;}
.pgresadvcat li i{ color:#999; padding-right: 5px;}
.pgresadvcat li.on i{color:#fafafa;}
.pgresadvcat li:nth-child(2) i{ font-size: 20px;}
.pgresadvinfotab{}
.pgresadvinfo{}
.pgresadvinfo section{display:flex;}		
    .pgresadvinfoimg{flex:0 0 630px;min-width:0;overflow:hidden;margin:0 80px 0 0;}
        .pgresadvinfoimg figure{}
        .pgresadvinfoimg img{width:100%;}
    .pgresadvinfotxt{flex: 1;min-width: 0;}
        .pgresadvinfotxt h3{font-size:30px;color:#333; font-weight:normal;line-height:30px;position:relative;padding:0 0 20px;margin:80px 0 20px;text-transform:capitalize}
            .pgresadvinfotxt h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:2px;background:#00a4ff;}
        .pgresadvinfotxt div{font-size:16px;line-height:30px;}



.application-list{width:100%; margin-bottom:60px;}
.application-list ul{margin:30px -1%;}
.application-list li{float:left;width:23%;margin:0 1% 30px;}
.application-list li section{position:relative;transition:all ease-out 0.3s;}
/* .application-list li section a{position:absolute;top:0;right:0;bottom:0;left:0;text-indent:-999em;} */
.application-list li section figure{overflow:hidden;}
.application-list li section img{width:100%; height:200px;}
.application-list li section h3{font-size:16px;line-height:60px;border-bottom:1px solid #ddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all ease-out 0.3s;}
.application-list li section:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.application-list li section:hover img{transform:scale3d(1.05, 1.05, 1);}
.application-list li section:hover h3{padding:0 10px;background:#eee;}
.application-more{float:left; width:100%;margin-top:30px;text-align:center;}
.application-more a{display:inline-block;line-height:40px;padding:0 50px;color:#333;border-radius:3px;}
.application-more a:hover{background:#1e8ac9;color:#fff;}
/*************关于我们*****************/
#prowarp_L {
    width:100%;
	margin: 0 auto;
	min-height: 350px;
	position: relative;

}
#prowarp_L b {
	border-bottom: solid 1px #009845;
	display: inline-block;
	color: #0a62c8;
	width: 100px;
	margin: -10px 0px 0px -100px;
}
#prowarp_L h3 {
	font: bold 16px/40px Arial, "微软雅黑", Arial, "宋体";
	height: 40px;
	color: #ccc;
}
#prowarp_L .pro_border {
	display: block;
	position: relative;
	background:#1e64bc;
	right: 0px;
	float:right;
	width: 40%;
	height: 460px;
	top: 0px;
}
#prowarp_pic { 
	position: absolute;
	top: 130px;
	width: 40%;
	overflow: hidden;
	right:40px;
}
#prowarp_pic img {
	width: 100%;
	transition: all .36s ease;
}
#prowarp_pic img:hover {
	transform: scale3d(1.05, 1.05, 1);
}
#prowarp_L #prowarp_txt {
	left: 0;
}
#prowarp_txt {
	position: absolute;
	top: 30px;
	padding: 0px 30px;
	color: #666;width:45%;
}
#prowarp_txt h2 {
	font-size:34px; font-weight:100; color:#00a4ff;
	padding-bottom: 30px;
}
#prowarp_txt h2 i{ font-style:normal; color:#ccc; font-size:30px;font-weight:500; padding-left:20px;letter-spacing: -1px;}
#prowarp_txt p {
	font: normal 15px/28px Arial, "微软雅黑", Arial, "宋体";
	text-indent: 2em;
	padding: 5px 0px;
	text-align: justify;
}
.pro_border p{color:#fafafa;  padding:30px; font-size:16px}
.pro_border p i{ opacity:0.25; font-style:normal; display:block; margin-top:10px;}

.history{ width:90%;color:#666; font-size:16px; line-height:2; margin:0 auto 30px;}

		  .about_zixun{ float:left; width:100%; margin:30px 0 60px;}
		  .about_zixun .fr{float:right;width:50%; height:320px;background-color: rgb(244, 244, 244); padding:50px 40px; box-sizing: border-box;}

		  .about_zixun .fr h2{color: #00a4ff;
    font-size: 22px; line-height:1.6;}
		  .about_zixun .fr p{  padding:20px 0;color: rgb(34, 34, 34);
    font-size: 15px; line-height: 1.8;}
		  .about_zixun .fr a{ padding:9px 30px;  background: #009de5; color:#fff; float:right; font-size: 14px;}
		  
		  
		  .about_zixun .fl{ float:left;width:50%; height:320px;}
		  .about_zixun .fl img{width:100%; float:left; height:100%;}


          .culture .title p{    background-color: #f4f4f4;}
          .culture .title:after{z-index:0; opacity:0.15}


/************首页**************/
/***************运用及方案***************/
.pro-div {
	max-width: 1300px;width:100%;
	margin: 0 auto;
	display: block; margin-bottom: 40px;
}
.pro-div .swiper-scrollbar {
	opacity: 1;
	bottom: 5px;
	background: #d9d9d9;
	height: 5px;
}
.pro-div .swiper-scrollbar .swiper-scrollbar-drag {
	background: #0074e0;
	height: 6px;
	border-radius: 0;
	top: 0;
}
.pro-div .swiper-button-next, .pro-div .swiper-button-prev {
	bottom: 0;
	top: auto;
	position: relative;
}
/* .pro-div .swiper-button-next {
	content: "";
	z-index: 999;
	position: absolute;
    bottom:40px;
	left:60px;
	display: block; opacity: 0.8;

    background-color: #fff;
	width: 40px; border-radius: 100%; text-align: center; line-height: 40px;
	height: 40px;
}
.pro-div .swiper-button-prev {
	content: "";
	z-index: 999;
	position: absolute; opacity: 0.6;
    bottom:40px;
	left:1%;
	display: block;

 background-color: #ddd;
	width: 40px; border-radius: 100%; text-align: center; line-height: 40px;
	height: 40px;
}
.pro-div .swiper-button-prev:after,.pro-div .swiper-button-next:after{ font-size: 16px; } 
.pro-div .swiper-container {
	width: 100%;
	margin: 40px auto;
	padding-bottom: 160px;
}

*/
.pro-div .swiper-button-next {
	content: "";
	z-index: 999;
	position: absolute;
   top:40%;
	right:40px;
	display: block; opacity: 0.8;color: #333; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #eee;

}
.pro-div .swiper-button-prev {
	content: "";
	z-index: 999;
	position: absolute; opacity: 0.6;
    top:40%;
	left:40px;
	display: block;color: #333; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #eee;

}
.pro-div .swiper-button-prev:after,.pro-div .swiper-button-next:after{ }
.pro-div .swiper-container {
	width: 100%;
	margin: 40px auto;
	padding-bottom: 60px;
}


.pro-div .swiper-wrapper {
	width: 100%;
	position: relative;
	left:0;
}
.pro-div .swiper-slide {
	text-align: center;
	font-size: 18px;

	float: left;
	width: 100%;
}

.pro-div .swiper-scrollbar {
	opacity: 1;
	width: 95%;
	left: 0;
	margin: 0 auto;
	text-align: center;
}
.pro-div .swiper-slide{z-index:0;}
.pro-div .swiper-slide.swiper-slide-active{z-index:999 !important}
.pro-div .swiper-slide figure {
	width: 100%;  margin-top:3.5%; 
	float: left;
	margin-bottom: 20px;z-index:0;
}
.pro-div .swiper-slide figure img{ border-radius:20px; position:relative;z-index:0;width:100%}
.pro-div .swiper-slide.swiper-slide-active figure{width:110%; margin-top:0;z-index:999 !important}
.pro-div .swiper-slide h2 {
	width: 100%;
	float: left;
	text-align: left;
	color: #fafafa;
	font-size: 18px; font-weight:normal;
	padding: 15px 100px;
	position: absolute; bottom:50px;
}
.pro-div .swiper-slide.swiper-slide-active h2{	padding: 15px 50px;}
.pro-div .swiper-slide h2:before {
	/***content: "";
	display: block;
	position: absolute;
	width: 30px;
	top: 0;
	margin: 0 auto;
	height: 2px;
	background: #0092FC;
	transition: all 0.3s ease;***/
}
.pro-div .swiper-slide i{ padding-left:10px;color:#0074e0;transition: all 0.3s ease;}
.pro-div .swiper-slide:hover i{ padding-left:5px; color:#00a4ff;}
.pro-div .swiper-slide p {
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	color: #838EAB;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.procla{width:100%;margin:0 auto 40px; }

.procla .swiper-slide{display:inline-block;text-align:center; margin: 0 20px 0 0; }
.procla .swiper-slide a.on{background:#00a4ff;color:#fff;}
.procla h3{text-align:center; font-weight:normal;
display: block;
font-size: 17px;
line-height: 36px;
padding: 10px 25px;
background: #FFFFFF;
border-radius: 40px;
border: 1px solid rgba(204,204,204,1)
}
.procla h3 a{display:block;font-size:16px;line-height:40px;position:relative;}

.procla h3 a span{display:inline-block;position:relative;z-index:1;padding:0 25px;transition:all 0.3s ease-out 0s;}
.procla h3:hover,.procla .swiper-slide-active h3 {background:#00349b;color:#fff;}
.procla h3:hover a,.procla .swiper-slide-active h3 a{color:#fff;}
.procla h3 a:hover:before,.procla .swiper-slide-active h3 a:before{background-image:linear-gradient(109deg,transparent 10%,#34456e 11%,#34456e 89%,transparent 90%,transparent 100%);}
.procla h3 a:hover span,.procla .swiper-slide-active h3 a span{}
.procla .swiper-pagination{display:none;}
.prosli .swiper-container{padding:0 0 20px;}
.prosli .swiper-pagination{ opacity:0}	
.prosli .swiper-pagination>.swiper-pagination-bullet{border-radius:5px;transition:all 0.3s ease-out 0s;}
.prosli .swiper-pagination>.swiper-pagination-bullet-active{background:#62c3d0;width:30px;}
.prosli ol{margin:0 0 40px;}
.prosli ol li{}
.prosli ol a{display:flex;justify-content:space-between;padding:40px;background:#fff;overflow:hidden;}
.prosli ol figure{flex:540px 0 0;min-width:0;position:relative;background:#000;overflow:hidden;}
.prosli ol figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
.prosli ol figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
.prosli ol img{width:100%;}
.prosli ol section{flex:540px 0 0;min-width:0;position:relative;}
.prosli ol h3{font-size:22px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#34456e;}
.prosli ol section>p:nth-of-type(1){font-size:14px;}
 .prosli ul{overflow:hidden;margin:0 ;}
.prosli ul li{float:left;width:23%;margin:0 1%;border: 1px solid #00a4ff; border-radius: 20px; box-sizing:border-box;box-shadow: 0 0 20px rgba(0,0,0,0.1);
padding: 20px;
text-align: center;}

.prosli ul li a{display:block;}
.prosli ul li figure{position:relative;overflow:hidden;margin-bottom:20px;}
.prosli ul li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
.prosli ul li figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
.prosli ul li img{width:100%; height:100%}
.prosli ul li:hover img{transform: scale3d(1.05, 1.05, 1);}
.prosli ul li h3{font-size:16px;font-weight:normal; line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s ease-out 0s;}
/* .prosli ul li a:hover figcaption{opacity:1;}
.prosli ul li a:hover img{opacity:0.8;} */


#prowarp_L {
    width:100%;
	margin: 0 auto;
	min-height: 350px;
	position: relative;

}
#prowarp_L b {
	border-bottom: solid 1px #009845;
	display: inline-block;
	color: #0a62c8;
	width: 100px;
	margin: -10px 0px 0px -100px;
}
#prowarp_L h3 {
	font: bold 16px/40px Arial, "微软雅黑", Arial, "宋体";
	height: 40px;
	color: #ccc;
}
#prowarp_L .pro_border {
	display: block;
	position: relative;
	background:#1e64bc;
	right: 0px;
	float:right;
	width: 40%;
	height: 460px;
	top: 0px;border-radius: 0 20px 20px 0;
}
#prowarp_pic { 
	position: absolute;
	top: 130px;
	width: 40%;
	overflow: hidden;
	right:40px;border-radius: 0 20px 20px 0;
}
#prowarp_pic img {
	width: 100%;
	transition: all .36s ease;
}
#prowarp_pic img:hover {
	transform: scale3d(1.05, 1.05, 1);
}
#prowarp_L #prowarp_txt {
	left: 0;
}
#prowarp_txt {
	position: absolute;
	top: 30px;
	padding: 0px 30px;
	color: #666;width:45%;
}
#prowarp_txt h2 {
	font-size:40px; font-weight:100; color:#333;
	padding-bottom: 30px;
}
#prowarp_txt h2 i{ font-style:normal; color:#ccc; font-size:30px;font-weight:500; padding-left:20px;letter-spacing: -1px;}
#prowarp_txt p {
	font: normal 15px/28px Arial, "微软雅黑", Arial, "宋体";
	text-indent: 2em;
	padding: 5px 0px;
	text-align: justify;color:#666
}
.about_a{display: inline-block; margin-top:10px;transition:all 0.3s ease-out 0s;
    line-height: 40px;width:130px;
    padding: 0 10px 0 15px;
    color: #fff;
    border-radius: 20px;
    background:#00a4ff; box-sizing: border-box;
    font-size: 14px;}
.about_a:hover{background:#00349b; color: #fff;}
.about_a i{ color:#fff; padding:0 10px;font-size: 18px; transition:all 0.3s ease-out 0s;}
.about_a:hover i{ padding:0 5px 0 15px;  }
.pro_border p{color:#fafafa;  padding:30px; font-size:16px}
.pro_border p i{ opacity:0.25; font-style:normal; display:block; margin-top:10px;}



.w05{background:url(../images/applybg.jpg) no-repeat center bottom; padding:100px 0 10px; background-size:cover
}
.w05-box{padding: 6.25vw 0 7.29vw;}
.w05-box .w01-txt1{margin-bottom: 3.13vw;}
.pgaboimg{min-width:0; box-sizing:border-box; }
.pgaboimg figure{}
.pgaboimg img{width:100%;}
.pgaboimg .swiper-slide {border:solid 1px #d8d7d8; box-sizing:border-box;}
.pgaboimg .swiper-slide p{ background:#eff1f4; padding:15px 0;color:#333; text-align:center; line-height:2; font-size:16px}
.pgaboimg .swiper-slide:hover p{color:#1e64bc;}
.w05 .title:after{ background:#e5ebf2;z-index:1;opacity:0.25}
.w05 .title p{color:rgba(234,234,234,0.1); background:#1c2e52}
.w05 .title h2{color:#eaeaea}
  /*.pgaboimg .iconfont{font-size:40px; border:solid 2px #fafafa; border-radius:100%; box-sizing:border-box; color:#fafafa;z-index:999}
      .pgaboimg .swiper-button-prev{left:20px;box-sizing:border-box;  padding:6px 5px 6px 10px}

      .pgaboimg .swiper-button-next{right:20px;box-sizing:border-box;}

     .pgaboimg .swiper-pagination-bullet{border-radius: 100%;}*/
.pgaboimg .swiper-button-prev {left: 10px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -46px;background-size: 100%;}
.pgaboimg .swiper-button-prev:hover {background-size: 100%;outline:none;border:none}
.pgaboimg .swiper-button-next {right: 10px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -139px;background-size: 100%;}
.pgaboimg .swiper-button-next:hover {background-size: 100%;outline:none;border:none}
.pgaboimg .swiper-button-prev::after,.equip .swiper-button-next::after{content: '';outline:none;border:none} 





.index_news{  width:100%;}
.news-title{ float:left; line-height:1;}
.news-title h2{font-size: 40px;
    font-weight: 100;
    color: #333;
    padding-bottom: 30px;}
.news-title i {
    font-style: normal;
    color: #ccc;
    font-size: 30px;
    font-weight: 500;
    padding-left: 20px;
    letter-spacing: -1px;
}
.news-class{ float:right;text-align:center;margin-bottom:40px;}
		.news-class a{display:inline-block;line-height:40px;padding:1px 32px; border-radius:20px;background:#eee;margin:0 5px;}
		.news-class a:hover,.news-class a.on{background:#00a4ff;color:#fff;}



	.news-main{overflow:hidden;width:100%;}
		.news-main-topic{float:left;width:50%;}
			.news-main-topic>section{position:relative;}
			.news-main-topic>section>a{position:absolute;z-index:3;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
				.news-main-topic section figure{overflow:hidden;height:520px;position:relative;}
				.news-main-topic section figure img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.news-main-topic section time{position:absolute;z-index:1;bottom:40px;left:20px;display:block;width:80px;color:rgba(255,255,255,0.8);text-align:center;transition:all ease-out 0.3s;}
			.news-main-topic section strong{display:block;font-size:34px;line-height:40px;}
			.news-main-topic section span{font-size:16px;}
			.news-main-topic section dl{position:absolute;bottom:0;left:0;right:0;background:rgba(29,45,81,95%);padding:30px 30px 30px 120px;color:rgba(255,255,255,0.8);}
			.news-main-topic section dt{margin-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
			.news-main-topic section dd{height:40px;overflow:hidden;}
			.news-main-topic section:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
		.news-main-list{float:right;width:45%;}
			.news-main-list ul{}
			.news-main-list li{ margin-bottom:13px;}
			.news-main-list li section{position:relative;min-height:80px;}
			.news-main-list li section:before{content:'';display:block;position:absolute;top:0;bottom:0;left:120px;width:1px;background:#eee;}
			.news-main-list li a{position:absolute;top:0;left:0;bottom:0;right:0;text-indent:-999em;z-index:1;}
			.news-main-list li time{position:absolute;top:20px;left:0;display:block;width:100px;padding:10px;color:#1e8ac9;text-align:center;transition:all ease-out 0.3s;}
			.news-main-list li strong{display:block;font-size:34px;line-height:40px;color:#999; font-weight:normal}
			.news-main-list li span{font-size:16px;color:#999;}
			.news-main-list li dl{padding-top:5px;transition:all ease-out 0.3s;padding:20px 30px 20px 160px;background:#fff;}
			.news-main-list li dt{font-size:16px;line-height:25px;margin-bottom:5px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.news-main-list li dd{color:#999;line-height:25px;height:50px;overflow:hidden;}
			.news-main-list li:hover{background:#f6f6f6;}
			.news-main-list li:hover dl{padding-left:200px;}
			.news-main-list li:hover dt{color:#00a4ff;}



.banner{position:relative;background:#EEE; max-width: 1920px; margin: 0 auto;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:556px;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.banner section{display:none;position:absolute;left:50%;bottom:40px;margin-left:-720px;width:480px;background:rgba(0,90,168,0.8);padding:30px;}
		.banner section h2{color:#fff;font-size:30px;line-height:40px;margin-bottom:10px;}
		.banner section p{color:#fff;font-size:22px;line-height:30px;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
        .banner .swiper-pagination-bullet{border-radius: 100%;}

.search{padding:15px 40px;line-height:30px;font-size:12px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{float:left;}
		.searchhotkey a{margin-right:10px;}
	.searchform{float:right;}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:30px;background:#002e69;padding:0 20px;color:#fff;}


.case{padding:160px 0 80px; position: relative;}
.case::before, .case::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/Habout_bg1.jpg) no-repeat center top;
    left: 0;
    top: 0;
}
.case::after {
    background-image: url(../images/Habout_bg2.jpg);
    background-position: center bottom;
}

	.caseslide{overflow:hidden;}
		.caseslide ul{margin:0 -1%;}
			.caseslide li{float:left;width:23%;margin:0 1% 20px;}
			.caseslide li section{position:relative;border:1px solid transparent;}
			.caseslide li figure{position:relative;overflow:hidden;}
			.caseslide li figure:before{content:'';display:block;position:absolute;z-index:1;bottom:0;left:0;top:0;right:0;background:rgba(30,112,176,0.8);transition:all 0.3s ease-out 0s;opacity:0;}
			.caseslide li figure img{width:100%;}
			.caseslide li h3{text-align:center;font-size:17px;line-height:30px;}
			.caseslide li:hover section:before{opacity:1;}
			.caseslide li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.caseslide .bd{float:left;width:50%;}
			.caseslide .bd ul{}
			.caseslide .bd li{}
			.caseslide .bd li a{display:block;}
			.caseslide .bd li section{position:relative;border:2px solid #eee;overflow:hidden;}
			.caseslide .bd li figure img{width:100%;}
			.caseslide .bd li dl{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:#fff;padding:20px;}
			.caseslide .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.caseslide .bd li dd{}
			.caseslide .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.caseslide .hd{float:right;width:50%;}
			.caseslide .hd ul{}
			.caseslide .hd li{float:left;width:25%;}
			.caseslide .hd li section{position:relative;border:1px solid transparent;background:#eee;}
			.caseslide .hd li section:before{content:'';display:block;position:absolute;z-index:1;bottom:0;left:0;top:0;right:0;background:rgba(30,112,176,0.8);transition:all 0.3s ease-out 0s;opacity:1;}
			.caseslide .hd li figure img{width:100%;}
			.caseslide .hd li h3{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
			.caseslide .hd li.on section:before{opacity:0;}
			.caseslide .hd li.on figure img{transform:scale3d(0.9, 0.9, 1);}

.about{position:relative;padding:80px 0 100px;background:#f9f9f9; background: url(../images/gray_bg.jpg);}
	.aboutmix{overflow:hidden; background-color: #fff;}
		.aboutmixcover{float:left;width:50%;overflow:hidden;}
			.aboutmixcover figure{}
			.aboutmixcover img{height:520px;}
		.aboutmixinfo{float:right;width:50%;background:#fff;}
			.aboutmain{padding:50px 50px 0 50px;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
					.aboutmaininfo dd{font-size:15px;line-height:25px;opacity:0.8;overflow:hidden;}
				.aboutnav{padding:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #333;border-radius:3px;}
					.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.num{background:#002e69;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.1) 51%,transparent 0);color:#fff;padding:40px 0;background-size:6px 6px;background-repeat:repeat;}
	.numlist{}
		.numlist ul{display:flex;}
		.numlist li{flex:1;position:relative;text-align:center;}
		.numlist li figure{display:block;width:80px;height:80px;font-size:80px;line-height:80px;background:#fff;border-radius:90px;color:#002e69;text-align:center;padding:5px;margin:0 auto 20px;}
		.numlist li p{}

.advan{padding:80px 40px;background:url(../images/bgadvan.jpg) no-repeat center center;}
.advan .title{color:#fff;}
.advan .title h2{color:#fff;}
	.advanlist{}
		.advanlist ul{overflow:hidden;}
		.advanlist li{float:left;width:50%;}
		.advanlist section{overflow:hidden;height:320px;}
		.advanlist figure{width:50%;overflow:hidden;height:320px;position:relative;}
		.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(2) figure{float:left;}
		.advanlist li:nth-of-type(3) figure,.advanlist li:nth-of-type(4) figure{float:right;}
		.advanlist figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:320px;}
		.advanlist dl{float:right;width:50%;text-align:center;background:#fff;padding:50px;height:320px;box-sizing:border-box;}
		.advanlist dl{}
		.advanlist dl i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto 20px;}
		.advanlist dt{position:relative;font-size:22px;line-height:30px;margin-bottom:20px;padding-bottom:10px;}
		.advanlist dt:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#333;width:30px;height:2px;}
		.advanlist dd{opacity:0.6;}

.product{padding:80px 0;}
	.productclassimg{}
		.productclassimg a{display:block;border:1px solid #eee; padding:20px; text-align: center;}
		.productclassimg a figure{margin:0 0 10px;}
		.productclassimg a figure img{width:100%;}
		.productclassimg a section{}
		.productclassimg a h3{font-size:17px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s ease-out 0s;}
		.productclassimg a span{display:inline-block;padding:5px 0;font-size:12px;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.productclassimg a span i{float:right;background:#002e69;color:#fff;border-radius:20px;width:20px;text-align:center;margin-left:5px;transition:all 0.3s ease-out 0s;}
		.productclassimg a:hover section{}
		.productclassimg a:hover h3{}
		.productclassimg a:hover span{background:#002e69;padding:5px 10px;color:#fff;}
		.productclassimg a:hover span i{background:#fff;color:#002e69; font-weight: bold;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;text-align:center;}
		.productlist li a section{border:2px solid transparent;}
		.productlist li a figure{overflow:hidden;position:relative;background:rgba(30,112,176,1);border:1px solid #eee;}
		.productlist li a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productlist li a figcaption i{font-size:30px;display:inline-block;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
		.productlist li a img{width:100%;}
		.productlist li a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.productlist li a:hover figcaption{opacity:1;}
		.productlist li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}

        .application-more{margin:50px 0 80px;z-index:999}
		
        .application-more a{display: inline-block; margin-top:30px;transition:all 0.5s;
            line-height: 40px;width:130px;
            padding: 0 10px 0 5px;
            color: #666;
            border-radius: 20px;
            background:#eff1f4; box-sizing: border-box;
            font-size: 14px;}
        	.application-more a:hover{background:#00349b; color: #fff;}
        	.application-more a i{ color:#00349b; padding:0 10px;font-size: 18px; transition:all 0.5s ;}
        	.application-more a:hover i{ padding:0 5px 0 15px; color:#fff;  }


.news{padding:80px 0; background-color: #fafafa;}
	.newstitle{margin-bottom:20px;}
		.newstitle h2{font-size:24px;line-height:30px;}
	.newsclass{margin-bottom:40px;}
		.newsclass ul{display: flex;
            justify-content: space-between;}
		.newsclass li{display:inline-block;box-sizing:border-box;text-align:center; flex:1;margin: 0 20px 0 0;}
        .newsclass li a.on{background:#00a4ff;color:#fff;}
		.newsclass li:last-child{margin-right:0}
        .newsclass li a{display:block;font-size:17px;line-height:36px;padding:10px 25px;    background: #FFFFFF; border-radius: 40px;
            border: 1px solid rgba(204,204,204,0.5);}
		.newsclass li a i{float:right;}
		.newsclass li a:hover{background:#002e69;color:#fff;}
	.newslist{position:relative;padding:0 0 0 52%;}
		.newslist section{position:absolute;top:0;left:0;width:48%;}
		.newslist section a{display:block;color:#fff;}
		.newslist section figure{height:370px;overflow:hidden;}
		.newslist section img{width:100%}
		.newslist section dl{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,0.8);}
		.newslist section dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist section time{position:absolute;top:-200px;left:20px;display:block;color:#fff;font-family:'sysfont';background:#002e69;text-align:center;padding:0 10px;}
		.newslist section time strong{display:block;font-size:30px;line-height:40px;font-weight:normal;}
		.newslist section time span{display:block;font-size:17px;line-height:30px;}
		.newslist section a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newslist section dd{opacity:0.5;font-size:13px;height:40px;overflow:hidden;}
		.newslist ul{margin:0 -1%;}
		.newslist li{margin-bottom:20px;float:left;width:96%;margin:0 1% 20px;}
		.newslist li a{display:block;position:relative;padding:15px;background:#fff;}
		.newslist li a dl{}
		.newslist li a dt{font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a time{display:block;font-size:12px;color:#002e69;}
		.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;}
		.newslist li a dd{opacity:0.5;font-size:13px;
    text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;		
	line-clamp: 2;					
	-webkit-box-orient: vertical;
        }
		.newslist li a:hover{background:#002e69;color:#fff;}
		.newslist li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
		.newslist li a:hover time{color:#fff;}

.contact{padding:80px 0;background-image:linear-gradient(-45deg,transparent 49%,rgba(0,0,0,0.1) 51%,transparent 0);background-size:6px 6px;background-repeat:repeat;}
	.contactmain{overflow:hidden;}
		.contactmainmap{flex:0 0 68%;}
		.contactmaininfo{box-sizing:border-box;padding:40px;background:#fff;}
			.contactmaininfo h2{font-size:36px;line-height:40px;position:relative;margin-bottom:5px;color:#002e69;}
			.contactmaininfo h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;margin-bottom:30px;}
			.contactmaininfo section{font-size:16px;line-height:30px;margin-bottom:30px;}
			.contactmaininfo a{display:inline-block;line-height:40px;background:#002e69;color:#fff;border-radius:40px;padding:0 30px;}

.flink{padding:10px 40px;background:#f9f9f9;}
	.flink a{margin-right:10px;}

@media (min-width:768px) and (max-width:1024px){/* TABLET */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:720px;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:720px;}
	.banner section{display:none;position:absolute;left:50%;bottom:40px;margin-left:-720px;width:480px;background:rgba(0,90,168,0.8);padding:30px;}
		.banner section h2{color:#fff;font-size:30px;line-height:40px;margin-bottom:10px;}
		.banner section p{color:#fff;font-size:22px;line-height:30px;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.search{padding:15px 100px;line-height:30px;font-size:12px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{float:left;}
		.searchhotkey a{margin-right:10px;}
	.searchform{float:right;}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:30px;background:#002e69;padding:0 20px;color:#fff;}

.title{margin-bottom:40px;overflow:hidden;text-align:center;}
	.title h2{font-size:36px;line-height:40px;position:relative;margin-bottom:5px;color:#002e69;}
	.title h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:block;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:block;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title p{opacity:0.8;font-size:12px;color:#999;text-transform:uppercase;font-weight:normal;}

.case{padding:80px 0;background:#f9f9f9;}
	.caseslide{overflow:hidden;}
		.caseslide .bd{float:left;width:50%;}
			.caseslide .bd ul{}
			.caseslide .bd li{}
			.caseslide .bd li a{display:block;}
			.caseslide .bd li section{position:relative;border:2px solid #eee;overflow:hidden;}
			.caseslide .bd li figure img{width:100%;}
			.caseslide .bd li dl{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:#fff;padding:20px;}
			.caseslide .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.caseslide .bd li dd{}
			.caseslide .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.caseslide .hd{float:right;width:50%;}
			.caseslide .hd ul{}
			.caseslide .hd li{float:left;width:25%;}
			.caseslide .hd li section{position:relative;border:1px solid transparent;background:#eee;}
			.caseslide .hd li section:before{content:'';display:block;position:absolute;z-index:1;bottom:0;left:0;top:0;right:0;background:rgba(30,112,176,0.8);transition:all 0.3s ease-out 0s;opacity:1;}
			.caseslide .hd li figure img{width:100%;}
			.caseslide .hd li h3{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
			.caseslide .hd li.on section:before{opacity:0;}
			.caseslide .hd li.on figure img{transform:scale3d(0.9, 0.9, 1);}

.about{position:relative;}
	.aboutmix{background:#f9f9f9;overflow:hidden;}
		.aboutmixcover{float:left;width:50%;overflow:hidden;}
			.aboutmixcover figure{}
			.aboutmixcover img{height:600px;}
		.aboutmixinfo{float:right;width:50%;}
			.aboutmain{padding:50px 50px 0 50px;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
					.aboutmaininfo dd{font-size:15px;line-height:25px;opacity:0.8;overflow:hidden;}
				.aboutnav{padding:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #333;border-radius:3px;}
					.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.num{background:#002e69;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.1) 51%,transparent 0);color:#fff;padding:40px 0;background-size:6px 6px;background-repeat:repeat;}
	.numlist{}
		.numlist ul{overflow:hidden;}
		.numlist li{float:left;width:25%;padding:15px 0 15px 220px;box-sizing:border-box;position:relative;}
		.numlist li figure{position:absolute;top:10px;left:100px;width:80px;height:80px;font-size:80px;line-height:80px;background:#fff;border-radius:90px;color:#002e69;text-align:center;padding:5px;}
		.numlist li figure:after{content:'';z-index:1;display:block;position:absolute;top:5px;left:5px;bottom:5px;right:5px;border:1px dashed #002e69;border-radius:50%;}
		.numlist li strong{font-family:'sysfont';font-size:55px;line-height:60px;color:#ffd71a;}
		.numlist li p{margin-top:0;}
		.numlist li i{font-style:normal;}

.advan{padding:80px 100px;background:url(../images/bgadvan.jpg) no-repeat center center;}
.advan .title{color:#fff;}
	.advanlist{}
		.advanlist ul{overflow:hidden;}
		.advanlist li{float:left;width:50%;}
		.advanlist section{overflow:hidden;height:320px;}
		.advanlist figure{width:50%;overflow:hidden;height:320px;position:relative;}
		.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(2) figure{float:left;}
		.advanlist li:nth-of-type(3) figure,.advanlist li:nth-of-type(4) figure{float:right;}
		.advanlist figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:320px;}
		.advanlist dl{float:right;width:50%;text-align:center;background:#fff;padding:50px;height:320px;box-sizing:border-box;}
		.advanlist dl{}
		.advanlist dl i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto 20px;}
		.advanlist dt{position:relative;font-size:22px;line-height:30px;margin-bottom:20px;padding-bottom:10px;}
		.advanlist dt:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#333;width:30px;height:2px;}
		.advanlist dd{opacity:0.6;}

.product{padding:80px 40px;}
	.productclass{margin-bottom:40px;}
		.productclass ul{text-align:center;vertical-align:top;}
		.productclass li{display:inline-block;box-sizing:border-box;text-align:center;}
		.productclass li a{display:inline-block;font-size:17px;font-weight:bold;line-height:36px;padding:0 25px;border:2px solid #002e69;border-radius:30px;}
		.productclass li a i{float:right;}
		.productclass li a:hover{background:#002e69;color:#fff;}
	.productclassimg{}
		.productclassimg ul{overflow:hidden;}
		.productclassimg li{float:left;width:20%;}
		.productclassimg li a{display:block;position:relative;margin:2px;}
		.productclassimg li a figure{}
		.productclassimg li a figure img{width:100%;}
		.productclassimg li a section{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);color:#fff;transition:all 0.3s ease-out 0s;}
		.productclassimg li a h3{position:absolute;top:20px;left:20px;font-size:24px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s ease-out 0s;}
		.productclassimg li a span{position:absolute;bottom:20px;left:20px;display:inline-block;padding:5px 0;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.productclassimg li a span i{float:right;background:#002e69;color:#fff;border-radius:20px;width:20px;text-align:center;margin-left:5px;transition:all 0.3s ease-out 0s;}
		.productclassimg li a:hover section{background:rgba(0,0,0,0.1);}
		.productclassimg li a:hover h3{top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-20px;font-weight:bold;}
		.productclassimg li a:hover span{bottom:80px;left:50%;transform:translateX(-50%);background:#002e69;padding:5px 10px;}
		.productclassimg li a:hover span i{background:#4caf49;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;text-align:center;}
		.productlist li a section{border:2px solid transparent;}
		.productlist li a figure{overflow:hidden;position:relative;background:rgba(30,112,176,1);border:1px solid #eee;}
		.productlist li a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productlist li a figcaption i{font-size:30px;display:inline-block;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
		.productlist li a img{width:100%;}
		.productlist li a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.productlist li a:hover figcaption{opacity:1;}
		.productlist li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}

.news{padding:80px 100px 60px;}
	.newstitle{margin-bottom:20px;}
		.newstitle h2{font-size:24px;line-height:30px;}
	.newsclass{margin-bottom:40px;}
		.newsclass ul{text-align:center;vertical-align:top;}
		.newsclass li{display:inline-block;box-sizing:border-box;text-align:center;}
		.newsclass li a{display:inline-block;font-size:17px;font-weight:bold;line-height:36px;padding:0 25px;border:2px solid #002e69;border-radius:30px;}
		.newsclass li a i{float:right;}
		.newsclass li a:hover{background:#002e69;color:#fff;}
	.newslist{position:relative;padding:0 0 0 440px;}
		.newslist section{position:absolute;top:0;left:0;width:400px;}
		.newslist section a{display:block;color:#fff;}
		.newslist section figure{height:310px;overflow:hidden;}
		.newslist section img{height:310px;}
		.newslist section dl{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,0.8);}
		.newslist section dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist section time{position:absolute;top:-200px;left:20px;display:block;color:#fff;font-family:'sysfont';background:#002e69;text-align:center;padding:0 10px;}
		.newslist section time strong{display:block;font-size:30px;line-height:40px;font-weight:normal;}
		.newslist section time span{display:block;font-size:17px;line-height:30px;}
		.newslist section a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newslist section dd{opacity:0.5;font-size:13px;height:40px;overflow:hidden;}
		.newslist ul{margin:0 -1%;}
		.newslist li{margin-bottom:20px;float:left;width:48%;margin:0 1% 20px;}
		.newslist li a{display:block;position:relative;padding:15px;background:#f9f9f9;}
		.newslist li a dl{}
		.newslist li a dt{font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a time{display:block;font-size:12px;color:#002e69;}
		.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;}
		.newslist li a dd{opacity:0.5;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a:hover{background:#002e69;color:#fff;}
		.newslist li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
		.newslist li a:hover time{color:#fff;}

.partner{padding:40px 100px;background:#eee;background-image:linear-gradient(-45deg,transparent 49%,rgba(0,0,0,0.1) 51%,transparent 0);background-size:6px 6px;background-repeat:repeat;}
	.partnerslide{}
		.partnerslide .swiper-container{padding-bottom:40px;}
		.partnerslide .swiper-pagination{bottom:0;}
		.partnerslide figure{padding:10px;border:1px solid #ddd;}
		.partnerslide img{width:100%;}
		.partnerslide img:hover{animation:pulse 1s linear 1;}

.contact{padding:40px 0;}
	.contactmain{overflow:hidden;}
		.contactmainmap{float:left;width:50%;}
		.contactmaininfo{float:right;width:50%;box-sizing:border-box;padding:40px;}
			.contactmaininfo h2{font-size:36px;line-height:40px;position:relative;margin-bottom:5px;color:#002e69;}
			.contactmaininfo h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;margin-bottom:30px;}
			.contactmaininfo section{font-size:16px;line-height:30px;margin-bottom:30px;}
			.contactmaininfo a{display:inline-block;line-height:40px;background:#002e69;color:#fff;border-radius:40px;padding:0 30px;}

.flink{padding:10px 100px;background:#f9f9f9;}
.flink a{margin-right:10px;}
}
@media (max-width:767px){/* MOBILE */
/***********应用*************/


.pgresadvcat ul{margin:0 -1%; display:block ;}
.pgresadvcat li{float:left; flex:auto; width:48%;margin:0 1% 2%;text-align:center;background:#F5F5F5;line-height:30px;  padding:10px; font-size:15px;   text-transform: capitalize;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.pgresadvinfoimg{margin:0 0 20px;}
    .pgresadvinfoimg figure{}
    .pgresadvinfoimg img{width:100%;}
.pgresadvinfotxt{}
    .pgresadvinfotxt h3{font-size:17px;margin:0 0 10px;text-transform:capitalize}
    .pgresadvinfotxt p{}
    .pgresadvinfo section{  display: block;}
/*******************/
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:220px;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:220px;}
	.banner section{display:none;position:absolute;left:50%;bottom:40px;margin-left:-720px;width:480px;background:rgba(0,90,168,0.8);padding:30px;}
		.banner section h2{color:#fff;font-size:30px;line-height:40px;margin-bottom:10px;}
		.banner section p{color:#fff;font-size:22px;line-height:30px;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.search{padding:15px 20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{text-align:center;margin-bottom:10px;}
		.searchhotkey a:not(:last-child){margin-right:10px;}
	.searchform{}
		.searchform form{position:relative;}
		.searchform input{}
		.searchform input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;width:100%;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{position:absolute;top:0;right:0;height:30px;background:#002e69;padding:0 20px;color:#fff;}


.case{padding:40px 20px;}
	.caseslide{overflow:hidden;}
		.caseslide ul{margin:0 -1%;}
			.caseslide li{float:left;width:48%;margin:0 1% 10px;}
			.caseslide li section{position:relative;border:1px solid transparent;background:#eee;}
			.caseslide li section:before{content:'';display:block;position:absolute;z-index:1;bottom:0;left:0;top:0;right:0;background:rgba(30,112,176,0.8);transition:all 0.3s ease-out 0s;opacity:0;}
			.caseslide li figure img{width:100%;}
			.caseslide li h3{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
			.caseslide li:hover section:before{opacity:1;}
			.caseslide li:hover figure img{transform:scale3d(0.9, 0.9, 1);}
		.caseslide .bd{float:left;width:50%;}
			.caseslide .bd ul{}
			.caseslide .bd li{}
			.caseslide .bd li a{display:block;}
			.caseslide .bd li section{position:relative;border:2px solid #eee;overflow:hidden;}
			.caseslide .bd li figure img{width:100%;}
			.caseslide .bd li dl{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:#fff;padding:20px;}
			.caseslide .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.caseslide .bd li dd{}
			.caseslide .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.caseslide .hd{float:right;width:50%;}
			.caseslide .hd ul{}
			.caseslide .hd li{float:left;width:25%;}
			.caseslide .hd li section{position:relative;border:1px solid transparent;background:#eee;}
			.caseslide .hd li section:before{content:'';display:block;position:absolute;z-index:1;bottom:0;left:0;top:0;right:0;background:rgba(30,112,176,0.8);transition:all 0.3s ease-out 0s;opacity:1;}
			.caseslide .hd li figure img{width:100%;}
			.caseslide .hd li h3{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
			.caseslide .hd li.on section:before{opacity:0;}
			.caseslide .hd li.on figure img{transform:scale3d(0.9, 0.9, 1);}

.about{position:relative;padding:40px 20px;}
	.aboutmix{background:#f9f9f9;overflow:hidden;}
		.aboutmixcover{}
			.aboutmixcover figure{}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{}
			.aboutmain{padding:20px 20px 0;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:17px;margin-bottom:10px;}
					.aboutmaininfo dd{opacity:0.8;overflow:hidden;}
				.aboutnav{padding:20px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #333;border-radius:3px;}
					.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.num{display:none;}

.advan{padding:40px 20px;background:url(../images/bgadvan.jpg) no-repeat center center;background-size:auto 100%;}
.advan .title h2{color:#fff;}
	.advanlist{}
		.advanlist ul{overflow:hidden;}
		.advanlist li{}
		.advanlist section{overflow:hidden;height:200px;}
		.advanlist figure{width:50%;overflow:hidden;height:200px;position:relative;}
		.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(3) figure{float:left;}
		.advanlist li:nth-of-type(2) figure,.advanlist li:nth-of-type(4) figure{float:right;}
		.advanlist figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:200px;}
		.advanlist dl{float:right;width:50%;text-align:center;background:#fff;padding:20px;height:200px;box-sizing:border-box;}
		.advanlist dl{}
		.advanlist dl i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto 10px;}
		.advanlist dt{position:relative;font-size:22px;line-height:30px;padding-bottom:10px;}
		.advanlist dd{opacity:0.6;height:60px;overflow:hidden;}

.product{padding:40px 20px;background:#f9f9f9;}
	.productclass{margin-bottom:40px;}
		.productclass ul{text-align:center;vertical-align:top;}
		.productclass li{display:inline-block;box-sizing:border-box;text-align:center;}
		.productclass li a{display:inline-block;font-size:17px;font-weight:bold;line-height:36px;padding:0 25px;border:2px solid #002e69;border-radius:30px;}
		.productclass li a i{float:right;}
		.productclass li a:hover{background:#002e69;color:#fff;}
	.productclassimg{}
		.productclassimg a{display:block;position:relative;margin:2px;}
		.productclassimg a figure{}
		.productclassimg a figure img{width:100%;}
		.productclassimg a section{margin:10px 0 0;}
		.productclassimg a h3{font-size:16px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s ease-out 0s;}
		.productclassimg a span{display:inline-block;padding:5px 0;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.productclassimg a span i{float:right;background:#002e69;color:#fff;border-radius:20px;width:20px;text-align:center;margin-left:5px;transition:all 0.3s ease-out 0s;}
		.productclassimg a:hover section{background:rgba(0,0,0,0.1);}
		.productclassimg a:hover h3{top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-20px;font-weight:bold;}
		.productclassimg a:hover span{bottom:80px;left:50%;transform:translateX(-50%);background:#002e69;padding:5px 10px;}
		.productclassimg a:hover span i{background:#4caf49;}
	.productlist{}
		.productlist a{display:block;text-align:center;}
		.productlist a section{border:2px solid transparent;}
		.productlist a figure{overflow:hidden;position:relative;background:rgba(30,112,176,1);border:1px solid #eee;}
		.productlist a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productlist a figcaption i{font-size:30px;display:inline-block;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
		.productlist a img{width:100%;}
		.productlist a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.productlist a:hover figcaption{opacity:1;}
		.productlist a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}

.news{padding:40px 20px 30px;}
	.newstitle{margin-bottom:20px;}
		.newstitle h2{font-size:24px;line-height:30px;}
	.newsclass{margin-bottom:20px;}
		.newsclass ul{text-align:center;vertical-align:top;}
		.newsclass li{display:inline-block;box-sizing:border-box;text-align:center;}
		.newsclass li a{display:inline-block;font-size:14px;font-weight:bold;line-height:36px;padding:0 10px;border:2px solid #002e69;border-radius:30px;}
		.newsclass li a i{float:right;}
		.newsclass li a:hover{background:#002e69;color:#fff;}
	.newslist{}
		.newslist section{margin-bottom:20px;}
		.newslist section a{display:block;color:#fff;}
		.newslist section figure{overflow:hidden;}
		.newslist section img{width:100%;}
		.newslist section dl{padding:15px;background:rgba(0,0,0,0.8);}
		.newslist section dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist section time{position:absolute;top:-200px;left:20px;display:block;color:#fff;font-family:'sysfont';background:#002e69;text-align:center;padding:0 10px;}
		.newslist section time strong{display:block;font-size:30px;line-height:40px;font-weight:normal;}
		.newslist section time span{display:block;font-size:17px;line-height:30px;}
		.newslist section a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newslist section dd{opacity:0.5;font-size:13px;height:40px;overflow:hidden;}
		.newslist ul{}
		.newslist li{margin-bottom:10px;}
		.newslist li a{display:block;position:relative;padding:15px;background:#f9f9f9;}
		.newslist li a dl{}
		.newslist li a dt{font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a time{display:block;font-size:12px;color:#002e69;}
		.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;}
		.newslist li a dd{opacity:0.5;}
		.newslist li a:hover{background:#002e69;color:#fff;}
		.newslist li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
		.newslist li a:hover time{color:#fff;}

.partner{display:none;padding:40px 20px;background:#eee;background-image:linear-gradient(-45deg,transparent 49%,rgba(0,0,0,0.1) 51%,transparent 0);background-size:6px 6px;background-repeat:repeat;}
	.partnerslide{}
		.partnerslide .swiper-container{padding-bottom:40px;}
		.partnerslide .swiper-pagination{bottom:0;}
		.partnerslide figure{padding:10px;border:1px solid #ddd;}
		.partnerslide img{width:100%;}
		.partnerslide img:hover{animation:pulse 1s linear 1;}

.contact{padding:40px 20px;}
	.contactmain{overflow:hidden;}
		.contactmainmap{}
		.contactmaininfo{box-sizing:border-box;padding:20px;background:#f6f6f6;}
			.contactmaininfo h2{font-size:16px;position:relative;margin-bottom:5px;color:#002e69;}
			.contactmaininfo h3{opacity:0.8;font-size:14px;color:#999;text-transform:uppercase;font-weight:normal;margin-bottom:10px;}
			.contactmaininfo section{margin-bottom:20px;}
			.contactmaininfo a{display:inline-block;line-height:40px;background:#002e69;color:#fff;border-radius:40px;padding:0 20px;}

.flink{padding:10px 20px;background:#f9f9f9;}
	.flink a{margin-right:10px;}




}
@media (max-width:767px){/* MOBILE */
/**********首页*************/
.pro-div .swiper-slide h2{bottom:25px;padding: 15px 25px;}
.pro-div .swiper-container{ padding-bottom: 40px;}

.procla h3{padding: 4px 10px;} 
.prosli ul li{ width:48%;margin: 0 1% 10px;}
#prowarp_txt h2 i{font-size: 22px;   padding-left: 10px;}
.w05{ padding:50px 0 50px;}
.application-more{margin:20px 0 20px;text-align:center;z-index:999}
.application-more a{display:inline-block;line-height:40px;padding:0 40px;color:#333;border-radius:20px;background:#eff1f4; font-size: 14px; }
.application-more a:hover{background:#1e64bc;color:#fff;}
.pgaboimg{ width:92%; margin:0 auto;}
.news-title h2 {
    font-size: 26px;
}
.news-title i {
    font-size: 22px;
    padding-left: 10px;

}
.news-main-topic{ width:100%}
.news-main-topic section figure{ height:400px}
.news-main-list{ width:100%; margin-top:20px;}

.news-class {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.news-class a {
margin:0 10px;
    padding: 1px 12px;
    display: table-cell;
}
  /*********内页新闻列表*************/
  .s4-ciari{ padding:20px;}
  .pgnewslist figure {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-bottom:20px;
}

.pgnewslist .s4-ciaril {
    width: 100%;
    padding-top: 0px;
}
.s4-ciari:after {
    bottom: 45px;
    right: 30px;
}
    
/************联系我们******************/
    .ul_contct li{ width:100%; margin-right: 0; margin-bottom: 20px;}
    .ul_contct li:last-child {
        width:100%;
        margin-right: 0;
    }
    .ul_contct {
        float: left;
        width: 100%;
        margin: 20px 0 30px;
    }
    .title{margin-bottom: 40px;}
    .title p{ font-size: 30px;}
    .title h2{ font-size: 26px;}

/*********应用案例**********/
.application-list  li {
    float: left;
    width: 48%;
    margin: 0 1% 20px;
}
.application-list li section figure img{ height:120px;}
/*********关于我们**********/
#prowarp_L .pro_border {
	width: 95%;
	height: 255px;
}
#prowarp_pic {
	width: 94%;
	
	left: 1%;
 
}
#prowarp_txt {

	position: relative;
	width: 98%;
	left: 0% !important;top:70px;
	margin: 0;
	padding: 0;
}
#prowarp_L {
	margin-bottom: 80px;
}
#prowarp_txt h2{ font-size: 24px; padding-bottom: 15px;}
.about_zixun{ margin:20px 0 20px}
.about_zixun .fl{ width:100%; height: auto;}
.about_zixun .fr{ width:100%;height: auto; padding:30px;}
.about_zixun .fr h2{ font-size: 18px;}
.culture .wrow,.culture .wrowr,.culture .wcol{display:flex;justify-content:space-between;max-width:1300px; width:100%;margin:0 auto;}
.culture .wrowr{flex-direction:row-reverse;}
.culture .wcol{flex-direction:column;}
.history{ font-size: 14px; width: 100%;}





}